<template>
	<div id="app">
		<ViewMain />
	</div>
</template>
<script>
import ViewMain from './views/index.vue';
export default {
	components: {
		ViewMain,
	},
	mounted() {
		window.onresize = () => {
			this.eventBus.$emit('resize');
		};
	},
};
</script>

<style lang="scss">
body {
	margin: 0;
}

#app {
	font-family: Avenir, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #d3d6dd;
	background-color: #000000;
	width: 100%;
	height: 100%;
}

@keyframes fadeInAnimation {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 0.7;
	}

	100% {
		opacity: 1;
	}
}
</style>
